<template>
  <div class="gameSwiper-container animate__animated animate__zoomInDown">
    <div class="leftContent">
      <swiper-content></swiper-content>
    </div>
    <div class="rightContent">
      <steam-ranking />
    </div>
  </div>
</template>

<script setup>
import swiperContent from "@/components/game/gameSwiper/swiperContent.vue";
import steamRanking from "@/components/game/gameSwiper/steamRanking.vue";
</script>

<style scoped lang="less">
.gameSwiper-container {
  width: 100%;
  height: 100%;

  display: flex;
  .leftContent {
    width: 73%;
    padding: 20px;
  }
  .rightContent {
    flex: 1;

    padding: 20px 0;
    padding-right: 20px;
  }
}
</style>
